<template>
  <div class="app-container">

    <div style="overflow:hidden;">
      <el-input size="small" class="search-btn" v-model="key"></el-input>
      <el-button type="primary" plain size="small"><i class="el-icon-search"></i>搜索</el-button>
    </div>

    <!--<el-tabs v-model="activeName" @tab-click="handleClick">-->
    <!--<el-tab-pane :label="item.name" :name="item.id" v-for="(item,index) in thelabels" :key="index"></el-tab-pane>-->
    <!--</el-tabs>-->
    <table-header>
      <span slot="title">123</span>
    </table-header>
    <el-table
      element-loading-text="Loading"
      highlight-current-row
      row-class-name="ele-table-row"
      :data="tableData"
      style="width: 100%">
      <el-table-column label="序号" min-width="60">
        <template slot-scope="scope">
          ***
        </template>
      </el-table-column>
      <el-table-column label="活动标题" min-width="120" show-overflow-tooltip>
        <template slot-scope="scope">
          ***
        </template>
      </el-table-column>
      <el-table-column label="活动时间" min-width="60">
        <template slot-scope="scope">
          ***
        </template>
      </el-table-column>
      <el-table-column label="操作" min-width="160">
        <template slot-scope="scope">
          <el-button type="primary" plain size="mini">查看</el-button>
          <el-button type="danger" plain size="mini" @click="del">删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <!--分页-->
    <el-pagination
      @current-change="handleCurrentChange"
      background
      layout="prev, pager, next"
      :total="100">
    </el-pagination>
  </div>
</template>

<script>
  import { page } from '../../../mixins/page/index'
  import TableHeader from '../../../components/TableHeader/index'

  export default {
    components: {
      TableHeader
    },
    mixins: [page],
    data() {
      return {
        tableData: [{}]
      }
    },
    methods: {
      del() {
        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          this.$message({
            type: 'success',
            message: '删除成功!'
          })
        }).catch(() => {
          this.$message({
            type: 'info',
            message: '已取消删除'
          })
        })
      }
    },
    mounted() {
      console.log(this.$route)
    }
  }
</script>

<!--<style lang="scss" src="./index.scss" scoped>-->

<!--</style>-->
